<template>
	<view>
		<view class="switch-page-bar">
			<view class="switch-page-bar-btn" :class="currentPage==1?'filter-gary':''">上一页</view>
			<view class="">
				<text style="color: #2489ff;">{{currentPage}}</text>
				<text>/{{totalPages}}</text>
			</view>
			<view class="switch-page-bar-btn" :class="currentPage==totalPages?'filter-gary':''">下一页</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			currentPage:Number,
			totalPages:Number	
		},
		data() {
			return {}
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	.switch-page-bar{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 20upx;
		&-btn{
			background-color: #2489ff;
			padding: 15upx 30upx;
			color: #fff;
			font-size: 13px;
			border-radius: 10upx;
		}
	}
	.filter-gary{
		filter: grayscale(70%);
	}
</style>
